<legend class='hyc-legend'>
    <i class="fa fa-list"></i>&nbsp;
    <span>城市级别</span>
</legend>

<div class="panel panel-default">
    <div class="panel-heading">区域列表</div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-1 text-right top7">省份</div>
            <div class="col-md-2">
                <div class="form-group">
                    <button type="button" class="btn btn-default admin-select select hyc-width" ng-change="loadDepartCity()" ng-model="areaObj.proCode" bs-options="p.code as p.name for p in loadProvince" bs-select placeholder="---请选择---">
                    </button>
                </div>
            </div>
            <div class="col-md-1 text-right top7">城市</div>
            <div class="col-md-2">
                <div class="form-group">
                    <button type="button" class="btn btn-default admin-select select hyc-width" ng-change="loadDepartCounty()"ng-model="areaObj.cityCode" bs-options="cityData.code as cityData.name for cityData in loadCity" bs-select placeholder="---请选择---">
                    </button>
                </div>
            </div>
            <div class="col-md-1 text-right top7">区县</div>
            <div class="col-md-2">
                <div class="form-group">
                    <button type="button" class="btn btn-default admin-select select hyc-width" ng-model="areaObj.countyCode" bs-options="countyData.code as countyData.name for countyData in loadCounty" bs-select placeholder="---请选择---">
                    </button>
                </div>
            </div>
            <div class="col-md-1 text-right top7">城市级别</div>
            <div class="col-md-2">
                <div class="form-group">
                    <button type="button" class="btn btn-default admin-select select hyc-width" ng-model="areaObj.cityRating" bs-options="level.code as level.name for level in levelData" bs-select placeholder="---请选择---">
                    </button>
                </div>
            </div>
        </div>
        <div class="row" style="padding-bottom: 20px;">
            <div class="col-md-12 text-right">
                <div class="btn btn-warning btn-primary btn-sm" ng-click="loadData('query')">查询</div>
                <div class="btn btn-sm btn-default" ng-click="clearParams()">重置</div>
            </div>
        </div>
        <table class="table table-bordered table-hover" style="font-size: 12px;">
            <tr>
                <th class="text-center">选择</th>
                <th class="text-center">省份</th>
                <th class="text-center">城市</th>
                <th class="text-center">区县</th>
                <th class="text-center">城市级别</th>
                <th class="text-center">是否可运</th>
            </tr>
            <tr ng-repeat="area in areas track by $index">
                <td class="text-center">
                    <input type="checkbox" class="checkbox hyc-inner-block" ng-model="area.active" value="{{area.cityCode}}"/>
                </td>
                <td class="text-center">
                    {{area.proName}}
                </td>
                <td class="text-center">
                    {{area.cityName}}
                </td>
                <td class="text-center">
                    {{area.countyName}}
                </td>
                <td class="text-center" ng-if = "area.cityRating == 'C1'">
                    1级
                </td>
                <td class="text-center" ng-if = "area.cityRating == 'C2'">
                    2级
                </td>
                <td class="text-center" ng-if = "area.cityRating == 'C3'">
                    3级
                </td>
                <td class="text-center" ng-if = "area.cityRating == 'C4'">
                    4级
                </td>
                <td class="text-center" ng-if = "area.cityRating == null">
                    &nbsp;
                </td>
                <td class="text-center" ng-if = "area.isTransport == true">
                    可运
                </td>
                <td class="text-center" ng-if = "area.isTransport == false">
                    不可运
                </td>
                <td class="text-center" ng-if = "area.isTransport == null">
                    &nbsp;
                </td>
            </tr>
            <tr ng-if="areas.length <= 0">
                <td colspan="6">
                    <div class="hyc-color text-center">
                        暂无城市级别数据
                    </div>
                </td>
            </tr>
        </table>
        <div ng-include="pageIncludeUrl" ng-if="areas.length > 0"></div>
    </div>
    <div class="panel-footer text-right padding5">
        <div class="btn btn-warning btn-sm" ng-click="showModel()">级别调整</div>
    </div>
</div>